<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
		
		<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
		<link rel="stylesheet" 
		href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap-theme.min.css" 
		integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ"
		 crossorigin="anonymous">
		 <script src="../js/jquery-3.7.0.min.js"></script>
		
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
	</head>
	<body>
		<div class="container">
			<!-- 导航栏 -->
			<nav class="navbar navbar-inverse">
			  <div class="container-fluid">
			    <!-- Brand and toggle get grouped for better mobile display -->
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href="#">首页</a>
			    </div>
			
			    <!-- Collect the nav links, forms, and other content for toggling -->
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul class="nav navbar-nav">
			        <li class="active">
						<a href="#">小米官网 <span class="sr-only">(current)</span></a>
					</li>
			        <li>
						<a href="#">小米商城</a>
						</li>
					<li>
						<a href="#">MIUI</a>
						</li>
					<li>
						<a href="#">loT</a>
						</li>
						<li>
							<a href="#">云服务</a>
							</li>
							<li>
								<a href="#">下载app</a>
								</li>
			        
			      </ul>
			      <form class="navbar-form navbar-right">
			        <div class="form-group">
			          <input type="text" class="form-control" placeholder="手机">
			        </div>
			        <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
			      </form>
				  
			    </div><!-- /.navbar-collapse -->
			  </div><!-- /.container-fluid -->
			</nav>
			<!-- 轮播开始 -->
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" date-interval="1000">
			  <!-- Indicators -->
			
			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox" style="height: 430px;">
			    <div class="item active">
			      <img src="../mi/01.png" alt="..." >
			      <div class="carousel-caption">
			      </div>
			    </div>
				<div class="item">
				  <img src="../mi/33b5c59ff1ef4a247c2a4dcac96136ff.webp" alt="...">
				  <div class="carousel-caption">
				  </div>
				</div>
			    <div class="item">
			      <img src="../mi/8e8803e2c8bdd75b3a43b847c5a2f160.webp" alt="...">
			      <div class="carousel-caption">
			      </div>
			    </div>
			  </div>
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
			  
			  </div>
			  <div class="row">
			  	<div class="col-md-12">
			  		<img src="../mi/864aa0927000c3d717eca08955589d62.webp" alt="" width="100%">
			  	</div>
			  </div>
			  <div class="row">
			    <div class="col-xs-6 col-md-4">
			      <a href="#" class="thumbnail">
			        <img src="../mi/202304171459_dd35f1e6215da63c356e352d4d398ce6.webp" alt="...">
			      </a>
			    </div>
				<div class="col-xs-6 col-md-4">
				  <a href="#" class="thumbnail">
					<img src="../mi/202304171459_dd35f1e6215da63c356e352d4d398ce6.webp" alt="...">
				  </a>
				</div>
				<div class="col-xs-6 col-md-4">
				  <a href="#" class="thumbnail">
					<img src="../mi/202304171459_dd35f1e6215da63c356e352d4d398ce6.webp" alt="...">
				  </a>
				</div>
			  </div>
			  <div class="row">
			    <div class="col-sm-8 col-md-3">
			      <div class="thumbnail">
			        <img src="../mi/8b046feca0a7bb3f7b961a9690babb1b.webp" alt="...">
			        <div class="caption" style="text-align: center;">
			          <h3>小米手机</h3>
			          <p>好</p>
			          <p><a href="#" class="btn btn-primary" role="button">购买</a></p>
			        </div>
			      </div>
			    </div>
				<div class="col-sm-8 col-md-3">
				  <div class="thumbnail">
					<img src="../mi/8b046feca0a7bb3f7b961a9690babb1b.webp" alt="...">
					<div class="caption" style="text-align: center;">
					  <h3>小米手机</h3>
					  <p>好</p>
					  <p><a href="#" class="btn btn-primary" role="button">购买</a></p>
					</div>
				  </div>
				</div>
				<div class="col-sm-8 col-md-3">
				  <div class="thumbnail">
					<img src="../mi/8b046feca0a7bb3f7b961a9690babb1b.webp" alt="...">
					<div class="caption" style="text-align: center;">
					  <h3>小米手机</h3>
					  <p>好</p>
					  <p><a href="#" class="btn btn-primary" role="button">购买</a></p>
					</div>
				  </div>
				</div>
				<div class="col-sm-8 col-md-3">
				  <div class="thumbnail">
					<img src="../mi/8b046feca0a7bb3f7b961a9690babb1b.webp" alt="...">
					<div class="caption" style="text-align: center;">
					  <h3>小米手机</h3>
					  <p>好</p>
					  <p><a href="#" class="btn btn-primary" role="button">购买</a></p>
					</div>
				  </div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<img src="../mi/88e35cffc82cd98cd53172460067af17.webp" alt="" width="100%">
					</div>
				</div>
				<div class="container-fluid" style="padding-top: 40px;">
				    <div class="row clearfix">
				        <div class="col-md-12 column">
				            <div class="jumbotron">
				                <div class="container">
				                    <center>
				
				                        <p>©All Copyrights Reserved by jl22Mr. Yang</p>
				                        <p>长春信息技术职业学院信息学院杨xh</p>
				                       地址：长春市高新区卓越大街881号 邮编：130103 Email：xinxixueyuan881@163.com 电话：0431-81904076
									   <p>  院长意见箱：cxxyyz881@163.com 书记意见箱：cxxysj881@163.com </p>
				                    </center>
				
				                </div>
				            </div>
				        </div>
				    </div>
				</div>

		</div>
	</body>
</html>